<template>
  <div class="main">
    <h4 class="bot" @click="add">患者管理</h4>
    <div class="int">
      <input type="text" name="" id="" />
      <button>搜索</button>
    </div>
    <div class="table">
      <el-table
    :data="tableData"
    style="width: 100%"
    max-height="250">
    <el-table-column
      fixed
      prop="num"
      label="序号"
      width="120">
    </el-table-column>
    <el-table-column
      prop="date"
      label="日期"
      width="150">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="120">
    </el-table-column>
    <el-table-column
      prop="age"
      label="年龄"
      width="120">
    </el-table-column>
    <el-table-column
      prop="money"
      label="支付问诊金额"
      width="150">
    </el-table-column>
    <el-table-column
      prop="illness"
      label="病情"
      width="300">
    </el-table-column>
    <el-table-column
      prop="dname"
      label="问诊医师姓名"
      width="200">
    </el-table-column>
    <el-table-column
      prop="dwork"
      label="问诊医师职称"
      width="200">
    </el-table-column>
    <el-table-column
      prop="dhospital"
      label="问诊医师隶属医院"
      width="200">
    </el-table-column>
    <el-table-column
      fixed="right"
      label="操作"
      width="120">
      <template slot-scope="scope">
        <el-button
          @click.native.prevent="deleteRow(scope.$index, tableData)"
          type="text"
          size="small">
          诊断报告
        </el-button>
      </template>
    </el-table-column>
  </el-table>
    </div>
    <div class="fenye">
      <el-pagination
        background
        layout="prev, pager, next"
        :total="1000">
      </el-pagination>
    </div>
  </div>
</template>

<script>
export default {
methods: {
    handleClick (row) {
      console.log(row)
    },
    add () {
      console.log(1)
      this.$router.push('/pms/index')
    }
  },
  data() {
    return {
       tableData: [{
       num:'1',
        date: '2016-05-03',
         name: '三家',
         age:'18',
        money:'8',
         illness:'头疼',
         dname:'王强',
        dwork:'普通医师',
          dhospital:'北京301'
        }, {
          num:'1',
          date: '2016-05-03',
          name: '三家',
          age:'18',
          money:'8',
          illness:'头疼',
          dname:'王强',
          dwork:'普通医师',
          dhospital:'北京301'
        }, {
          num:'1',
          date: '2016-05-03',
          name: '三家',
          age:'18',
          money:'8',
          illness:'头疼',
          dname:'王强',
          dwork:'普通医师',
          dhospital:'北京301'
        }, {
          num:'1',
          date: '2016-05-03',
          name: '三家',
          age:'18',
          money:'8',
          illness:'头疼',
          dname:'王强',
          dwork:'普通医师',
          dhospital:'北京301'
        }, {
          num:'1',
          date: '2016-05-03',
          name: '三家',
          age:'18',
          money:'8',
          illness:'头疼',
          dname:'王强',
          dwork:'普通医师',
          dhospital:'北京301'
        }, {
          num:'1',
          date: '2016-05-03',
          name: '三家',
          age:'18',
          money:'8',
          illness:'头疼',
          dname:'王强',
          dwork:'普通医师',
          dhospital:'北京301'
        }, {
          num:'1',
          date: '2016-05-03',
          name: '三家',
          age:'18',
          money:'8',
          illness:'头疼',
          dname:'王强',
          dwork:'普通医师',
          dhospital:'北京301'
        }]
      }
    }
  }
</script>
<style>
.bot{
    height: 50px;
    border-bottom: 2px solid #2F95F6;
    font-size: 30px;
    line-height: 50px;
    text-indent: 20px;
  }
</style>
